@import
"../../_common_sass/_variables",
"../../_common_sass/_mixin";
.fam-man{
    .fam-head{
        background-color: #fff;
        padding: 0 px2rem(30px);
        font-size: px2rem(30px);
        margin-top: px2rem(30px);
        border-top: 1px solid $base-border-color;
        border-bottom: 1px solid $base-border-color;
        line-height: px2rem(92px);
        i{
            float: left;
            margin-top: px2rem(28px);
            margin-right: px2rem(10px);
            width: px2rem(6px);
            height: px2rem(36px);
            background-color: $blue;
        }
        a{
            float: right;
            margin-top: px2rem(20px);
            @include button($height:px2rem(56px), $width: px2rem(160px), $backgroundColor: #fff,$color:$blue);
            font-size: px2rem(24px);
            border: 1px solid $blue;

            img{
                float: left;
                width: .2rem;
                height: .2rem;
                margin-top: px2rem(15px);
                margin-left: px2rem(15px);
            }
        }
    }
    .fam-list{
        background-color: #fff;
        border-bottom:1px solid $base-border-color;
        li{
            @extend .clearfix;
            padding-right: px2rem(30px);
            margin-left: px2rem(30px);
            border-bottom:1px solid $base-border-color;
            line-height: px2rem(100px);
            font-size: px2rem(30px);
            &:last-child{
                border-bottom: none;
            }
            .choose-wrap{
                float: left;
                display: inline-block;
                width: px2rem(550px);
                i{
                    @extend .icon;
                    float: left;
                    margin-top: px2rem(32px);
                    margin-right: px2rem(20px);
                    width: px2rem(36px);
                    height: px2rem(36px);
                    background-image: url(../../_common_img/payWay/choice.png);
                    &.checked{
                        background-image: url(../../_common_img/payWay/check.png);
                    }
                }
                span{
                    float: left;
                    width: px2rem(200px);
                    overflow: hidden;
                    margin-right: px2rem(20px);
                }
                em{
                    float: left;
                    color: $text-color-9;
                }
            }
            img{
                float: right;
                margin-top: px2rem(30px);
                margin-left: px2rem(20px);
                width: .4rem;
                height: .4rem;
            }
        }
    }
    .tip{
        color: #666;
        padding: 0 px2rem(30px);
        font-size: px2rem(24px);
        margin-top: px2rem(20px);
        i{
            float: left;
            margin-top: px2rem(3px);
            margin-right: px2rem(10px);
            height: px2rem(28px);
            width: px2rem(28px);
            border: 1px solid $blue;
            border-radius: 50%;
            line-height: px2rem(24px);
            font-size: px2rem(20px);
            color: $blue;
            text-align: center;
        }
    }
    .control-bar{
        position: fixed;
        width: 100%;
        bottom: 0;
        line-height: px2rem(88px);
        background-color: $orange;
        color: #fff;
        font-size: px2rem(30px);
        text-align: center;
    }
}